    <!doctype html>
    <html>
        <style>
            body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, img ,video
            {margin:0;padding:0;border:0;list-style: none; outline:none;}
            a{
                text-decoration: none;
            }
.nav2{
	height: 40px;
	/* 这里做一个渐变的导航条 */
	background: linear-gradient(orange,#e60);
}
.nav2list li{
	/* 通过左浮动，让列表变成横排 */
	float: left;
	height: 40px;
	width: 100px;
	/* 让文本水平垂直居中 */
	line-height: 40px;
	text-align: center;
}
.nav2list a{
	/* 超链接改黑色 */
	color: #000;
	/* 我们把链接变成块显示 */
	display: block;
}
.nav2list{
	/* 列表宽度设为800，然后居中 */
	width: 800px;
	margin:auto;
}
/* 我们设置鼠标悬停链接时，背景色变化 */
.nav2list a:hover{
	background-color: #fa0;
}
        </style>
        <body>
            <div class="nav2">
                <ul class="nav2list">
                <li><a href="../网站/个人网页.html">首页</a></li>
                <li> <a href="../网上花店/网上花店.html">网上花店</a></li>
                <li> <a href="../千年/千年.html">千年</a></li>
                <li> <a href="../爱家居/爱家居.html">爱家居</a></li>
                <li> <a href="../博客/博客.html">博客</a></li>
                <li> <a href="../视频/视频.html">视频</a></li>
                </ul>
            </div>
        <div style="width: 920px; margin: 0 auto;">
        <!--header begin-->
        <div style="width: 900px; margin: 0 auto;">
            <div style="height:56px;">
                <img src="./博客image/logo.png" alt="" align="left"/>
                <p align="right">我的博客&nbsp;&nbsp;|&nbsp;&nbsp;攻略&nbsp;&nbsp;|&nbsp;&nbsp;随笔</p>
            </div>
        <hr color="#CCC" />
        </div>
        <!--header end-->
        <!--"博主简介"begin-->
        <div style="height: 470px;">
                <img src="./博客image/banner1.jpg" alt="" align="left" hspace="12" vspace="12"/>
                <div>
                    <p align="center">
                        <strong>
                            <font face="微软雅黑" size="7" color="#0878ff">博</font>
                            <font face="微软雅黑" size="7" color="#0878ff">主</font>
                            <font face="微软雅黑" size="6" color="#333">简</font>
                            <font face="微软雅黑" size="6" color="#333">介</font>
                        </strong>
                    </p>
                    <p>
                    &nbsp;&nbsp;&nbsp;&nbsp;大家好，我是你们的旅主————<font color="#0878ff" size="4" >LonelyStone</font>。本人是一名资深旅行博主，外向型人格，对世界的好奇心随年龄有增无减。同时是音乐、电影、旅行、文学’篮球、长跑、潜水爱好者。想在老去之前，看遍这颗星球的美好。
                    </p>
                    <p>
                    &nbsp;&nbsp;&nbsp;&nbsp;旅行格言：<ins><em> <strong><font color "#0878ff">人生不过一场旅行</font></strong></em></ins>，你路过我,我路过你,然后各自回头,敬往事一杯烈酒。比起说走就走的旅行,很多人的生活都是日渐趋于平淡的怅然,缺少了一种享受生活的阳光悠然。
                    </p>
                   
                   

                </div>
            </div>
            <!--"博主简介"end-->
            <!--"旅行随笔"begain-->
                <div>
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;旅行足迹：在纳米比亚的死亡谷、土耳其卡帕多奇亚、日本镰仓、马达加斯加。<ins><strong><font color "#90">······[详细]</font></strong></ins>
                    </p>
                    <style>
                        .images {
                            display: flex;
                            justify-content: space-between;
                        }
                        .images img{
                            width:150px;
                            height:200px;
                        }
                    </style>
                
                    <div class="images">
                        <img class="images" src="./博客image/1.jpeg">
                        <img class="images" src="./博客image/2.jpeg">
                        <img class="images" src="./博客image/3.jpeg">
                        <img class="images" src="./博客image/4.jpeg">
                        <img class="images" src="./博客image/5.jpeg">
                    </div>
                
                </div>
            
            <!--"驴友评论"begin-->
            <div>
            <img src="./博客image/icon.gif" alt="评论" />
                <hr color="#CCC"/>
                <div>
                    <img src="./博客image/person1.jpg" alt="沙漠" align="left" hspace="10">
                    <div>
                        <p>
                            <font color="#F60">HXZ9_IT</font>&nbsp;&nbsp;&nbsp;&nbsp;<font size="2" color="#999">2020-1-2 15:38:37</font>
                        </p>
                        <p>
                            <font size="2">风景太美了，感谢博主的分享，有时间一定去看看！</font>
                            <br />
                        </p>
                    </div>
                    <hr color="#CCC" size="1">
                    <img src="./博客image/person2.jpg" alt="沙漠" align="left" hspace="10">
                    <div>
                        <p>
                            <font color="#F60">HXZ9_IT</font>&nbsp;&nbsp;&nbsp;&nbsp;<font size="2" color="#999">2020-1-2 15:38:37</font>
                        </p>
                        <p>
                            <font size="2">风景太美了，感谢博主的分享，有时间一定去看看！</font>
                            <br />
                        </p>
                    </div>
                    <hr color="#CCC" size="1">
                    <img src="./博客image/person3.jpg" alt="沙漠" align="left" hspace="10">
                    <div>
                        <p>
                            <font color="#F60">HXZ9_IT</font>&nbsp;&nbsp;&nbsp;&nbsp;<font size="2" color="#999">2020-1-2 15:38:37</font>
                        </p>
                        <p>
                            <font size="2">风景太美了，感谢博主的分享，有时间一定去看看！</font>
                            <br />
                        </p>
                    </div>
                    <hr color="#CCC" size="1">
                </div>

            </div>
            <!--"驴友评论"end-->
